<template>
	<view class="cooperation" :style="{height:height-100+'px'}">
		<view class="wrap">
			<view class="content">
				<view class="title">商务合作</view>
				<view class="phone" style="margin: 20upx 0">电话/微信：<span style="color:#FF4611">15982329200</span></view>
				<view class="phone">创建团队、商务合作请电话联系或添加微信。云汀科技将根据您的团队规模、产品属性定制个性化方案。
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components:{
		},
		data() {
			return {
				height: uni.getSystemInfoSync().windowHeight,
			}
		},
	}
</script>

<style>
	.cooperation{
		background: #F9F9F9;
		padding-top:100px;
	}
	.wrap{
		margin-left: 6%;
		width: calc(88% - 28upx);
		border-radius: 12upx;
		border: 14upx solid rgba(242, 242, 242, 0.61);
	}
	.content{
		margin: 30upx;
		line-height: 40px;
		border-radius: 4upx;
		padding: 20upx;
		background-color: rgba(255, 255, 255, 0.87);
		text-align: center;
		border: 4upx solid #FF4611;
	}
	.title{
		color: rgba(0, 0, 0, 1);
		font-size: 42upx;
		font-family: SourceHanSansSC-regular;
	}
	.phone{
		line-height: 46upx;
		color: rgba(0, 0, 0, 1);
		font-size: 32upx;
		text-align: left;
		font-family: -apple-system;
	}
</style>
